<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>playcontrol</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script>
    <script src="PlayControl.js"></script>
    <style>
        .playercontrol {
            float: left;
           /* background-color: Blue;*/
            width: 100%;
            height: 500px;
        }

        .mainplay {
            float: left;
            /*background-color: Red;*/
            width: 50%;
            height: inherit;
        }

        .subplay {
            float: right;
            /*background-color: Green;*/
            width: 50%;
            height: inherit;
        }

        .subplaycontrol {
            margin: 3px;
            padding: 1px;
            float: left;
            width: 48%;
            height: 48%;
            /*background-color: Blue*/
        }

    </style>
</head>
<body>

<div class="playercontrol">
    <div class="mainplay">
        <script>
            mainplayer = new CloudVodPlayer();
            mainplayer.init({uu:"h60sofndxp",vu:"0aaadd661b",auto_play:"0"});
        </script>
    </div>
    <div class="subplay">
        <div class="subplaycontrol">
            <script>
                subplayer1 = new CloudVodPlayer();
                subplayer1.init({uu:"h60sofndxp",vu:"0aaadd661b",auto_play:"0",controls:"0",skinnable:"0"});
            </script>
        </div>
        <div class="subplaycontrol">
            <script>
                subplayer2 = new CloudVodPlayer();
                subplayer2.init({uu:"h60sofndxp",vu:"8fc9adf1e2",auto_play:"0",controls:"0",skinnable:"0"});
            </script>
        </div>
        <div class="subplaycontrol">
            <script>
                subplayer3 = new CloudVodPlayer();
                subplayer3.init({uu:"h60sofndxp",vu:"35db28faf3",auto_play:"0",controls:"0",skinnable:"0"});
            </script>
        </div>
        <div class="subplaycontrol">
            <script>
                subplayer4 = new CloudVodPlayer();
                subplayer4.init({uu:"h60sofndxp",vu:"0aaadd661b",auto_play:"0",controls:"0",skinnable:"0"});
            </script>
        </div>
    </div>
</div>
</body>
</html>